<meta content="text/html; charset=utf-8" http-equiv="content-type" />

<fieldset>
    <legend>ОБЩЕЕ</legend>    
    <table>
       <!-- <tr>
            <th><label for="maxprice">Верхний предел при фильтрации по цене в категории</label></th>
            <td><input name="maxprice" id="maxprice" value="30000" type="text" /></td>
        </tr>-->
      <tr>
                    <th><label for="order_button">Кнопка "под заказ"?</label></th>
                    <td><input name="order_button" id="order_button" value="1" type="checkbox" /></td>
                </tr>
              <tr>
                    <th><label for="index_menu">Меню на главной как в категориях</label></th>
                    <td><input name="index_menu" id="index_menu" value="1" type="checkbox" /></td>
                </tr>
        <!--<tr>
            <th><label for="round_corners">Убрать скругленные углы?</label></th>
            <td><input name="round_corners" id="round_corners" value="" type="checkbox" /></td>
        </tr>-->
                              
        <tr>
                    <th><label for="use_favicon">Использовать свою favicon?</label></th>
                    <td><input name="use_favicon" id="use_favicon" value="1" type="checkbox" /></td>
                </tr>
               
                
    
    <tr>
                     <th><label for="favicon">Загрузить favicon (ico)</label></th>
                     <td><input type="file" id="favicon" name="favicon.ico" data-max-width="32" data-max-height="32" />
                     <small>Максимальная ширина и высота 32px</small>
                     </td>
                 </tr> 
       
    </table>
</fieldset>

<fieldset>
    <legend>ШАПКА</legend>    
    <table>
    <tr>
        <th><label for="menu_color">Цвет фона меню и двух горизонтальных границ</label></th>
        <td><input name="menu_color" class="color" id="menu_color" value="#333333" /></td>
    </tr>
      <tr>
        <th><label for="menu_color2">Цвет пунктов меню</label></th>
        <td><input name="menu_color2" class="color" id="menu_color2" value="#CCCCCC" /></td>
    </tr>
      <tr>
                    <th><label for="header_padding">Высота отступа сверху</label></th>
                    <td><input name="header_padding" id="header_padding" value="260" type="text" /></td>
                </tr>
      <tr>
                    <th><label for="header_padding_main">Высота отступа сверху на главной странице</label></th>
                    <td><input name="header_padding_main" id="header_padding_main" value="360" type="text" /></td>
                </tr>
      <tr>
       <td colspan="2">
        <h2>Логотип и название магазина</h2>
        <hr />
       </td>
      </tr>
      <tr>
                  <th><label for="use_logo_image">Использовать логотип?</label></th>
                  <td><input name="use_logo_image" id="use_logo_image" value="1" type="checkbox" checked /></td>
              </tr>
              <tr>
                <td><label for="logo_image">Выбрать</label></td>
                <td>
                  <select name="logo_image" id="logo_image">
                    <option value="logo_green.png">Green</option>
                    <option value="logo_blue.png">Blue</option>
                    <option value="logo_red.png">Red</option>
                    <option class="loaded" value="loaded_logo.png" selected>Загруженное изображение</option>
                  </select>
                </td>
              </tr>
                            
              <tr>
                  <th><label for="loaded_logo">Загрузить свой</label></th>
                  <td><input type="file" id="loaded_logo" name="loaded_logo.png" data-max-width="340" data-max-height="150" />
                  <small>Максимальная высота 150px, максимальная ширина 340px</small>
                  </td>
              </tr>
              <tr>
                  <th><label for="show_shop_name">Отображать название магазина вместо логотипа?</label></th>
                  <td><input name="show_shop_name" id="show_shop_name" value="" type="checkbox" /></td>
              </tr>
              
              
      <tr>
          <th><label for="title_color">Цвет названия</label></th>
          <td><input name="title_color" class="color" id="title_color" value="#669933" /></td>
      </tr>
      
      <tr>
       <td colspan="2">
        <h2>Телефон</h2>
        <hr />
       </td>
      </tr>
      <tr>
                  <th><label for="show_phone">Показывать телефон?</label></th>
                  <td><input name="show_phone" id="show_phone" value="1" type="checkbox" checked /></td>
              </tr>
              
              
      
     
      
      <tr>
          <th><label for="phone_color">Выбрать цвет</label></th>
          <td><input name="phone_color" class="color" id="phone_color" value="#797878" /></td>
      </tr>
      
      
      <tr>
       <td colspan="2">
        <h2>Корзина</h2>
        <hr />
       </td>
      </tr>            
      <th><label for="cart_icon">Иконка корзины</label></th>
      <td>
        <select name="cart_icon" id="bg_image">
          <option value="cart_icon.png" selected>Стандартная</option>
          <option class="loaded" value="loaded_carticon.png">Загруженная</option>
        </select>
      </td>   
      <tr>
          <th><label for="loaded_carticon">Загрузить</label></th>
          <td><input name="loaded_carticon.png" id="loaded_carticon" type="file" data-max-width="22" data-max-height="22" /></td>
      </tr>   
      <tr>
          <th><label for="cart_color">Цвет текста корзины</label></th>
          <td><input name="cart_color" class="color" id="cart_color" value="#FFFFFF" /></td>
      </tr>      
    </table>
</fieldset>





<fieldset>
    <legend>ФОН</legend>
    <table>
    <tr>
        <td><label for="border_color">Границы</label></td>
        <td><input name="border_color" class="color" id="border_color" value="#C3C3C3" /></td>
    </tr>
    
    <tr>
        <td><label for="bg_color2">Фон блоков 1</label></td>
        <td><input name="bg_color2" class="color" id="bg_color2" value="#D8D8D8" /></td>
    </tr>
      <tr>
        <td><label for="bg_color6">Фон блоков 2</label></td>
        <td><input name="bg_color6" class="color" id="bg_color6" value="#EAEAEB" /></td>
    </tr>
    <tr>
        <th><label for="bg_color4">Цвет фона футера</label></th>
        <td><input name="bg_color4" class="color" id="bg_color4" value="#FFFFFF" /></td>
    </tr>
    <tr>
        <th><label for="catalog_bg">Фон каталога в шапке</label></th>
        <td><input name="catalog_bg" class="color" id="catalog_bg" value="#D8D8D8" /></td>
    </tr>
    <tr>
        <td><label for="bg_color3">Контрастный фон элементов</label></td>
        <td><input name="bg_color3" class="color" id="bg_color3" value="#FFFFFF" /></td>
    </tr>
    <tr>
        <td><label for="bg_color5">Фон активного пункта в фильтре</label></td>
        <td><input name="bg_color5" class="color" id="bg_color5" value="#EAEAEB" /></td>
    </tr>
     <tr>
      <td colspan="2">
       <h2>Фон страницы</h2>
       <hr />
      </td>
     </tr>
      
        <tr>
            <th><label for="bg_color">Цвет фона</label></th>
            <td><input name="bg_color" class="color" id="bg_color" value="#EAEAEB" /></td>
        </tr>
        <tr>
            <th><label for="use_bg_image">Использовать фоновое изображение?</label></th>
            <td><input name="use_bg_image" id="use_bg_image" value="1" type="checkbox" /></td>
        </tr>
        <tr>
          <td><label for="bg_image">Выбрать</label></td>
          <td>
            <select name="bg_image" id="bg_image">
              <option value="bg.png" selected>Вариант 1</option>
              <option value="bg2.png">Вариант 2</option>
              <option class="loaded" value="bg-loaded.png">Загруженное изображение</option>
            </select>
          </td>
        </tr>
        <tr>
            <th><label for="loaded_bg">Загрузить своё</label></th>
            <td><input name="bg-loaded.png" id="loaded_bg" type="file" /></td>
        </tr>
        <tr>
            <th><label for="bg_image_position">Местоположение</label></th>
            <td id="bg_image_position">
                <select name="bg_image_y_position" id="bg_image_y_position">
                    <option value="top">Сверху</option>
                    <option value="center" selected>По центру</option>
                    <option value="bottom">Снизу</option>
                </select>
                <select name="bg_image_x_position" id="bg_image_x_position">
                    <option selected value="left">Слева</option>
                    <option value="center">По центру</option>
                    <option value="right">Справа</option>
                </select>
            </td>
        </tr>
        <tr>
            <th><label for="bg_image_repeat">Повтор</label></th>
            <td>
                <select name="bg_image_repeat" id="bg_image_repeat">
                    <option value="no-repeat">Не повторять</option>
                    <option value="repeat-x">По горизонтали</option>
                    <option value="repeat-y">По вертикали</option>
                    <option value="repeat" selected>Во всех направлениях</option>
                </select>
            </td>
        </tr>
        <tr>
            <th><label for="bg_image_attachment">Прокрутка</label></th>
            <td>
                <select name="bg_image_attachment" id="bg_image_attachment">
                    <option selected value="scroll">Прокручивать вместе со страницей</option>
                    <option value="fixed">Оставлять на месте</option>
                </select>
            </td>
        </tr>
        
        
        
       
    </table>
</fieldset>







<fieldset>
    <legend>КНОПКИ</legend>
    <table>
        <tr>
            <td><label for="button_text_color">Текст кнопки</label></td>
            <td><input name="button_text_color" class="color" id="button_text_color" value="#FFFFFF" /></td>
        </tr>
        <tr>
            <td><label for="button_bg">Фон кнопок</label></td>
            <td><input name="button_bg" class="color" id="button_bg" value="#A3A3A3" /></td>
        </tr>
        <tr>
            <td><label for="button_buy_bg">Фон кнопки "Купить"</label></td>
            <td><input name="button_buy_bg" class="color" id="button_buy_bg" value="#669933" /></td>
        </tr>  
      <tr>
         <th><label for="button_image">Использовать картинку в качестве фона кнопки "Купить"</label></th>
      <td>
        <select name="button_image" id="button_image">
          <option value="button_bg.png" selected>Не использовать</option>
          <option class="loaded" value="loaded_button_image.png">Загруженная картинка</option>
        </select>
      </td>  
      </tr>
      <tr>
          <th><label for="loaded_button_image">Загрузить</label></th>
          <td><input name="loaded_button_image.png" id="loaded_button_image" type="file" data-max-width="57" data-max-height="28" /></td>
      </tr>   
      
        <tr>
            <td><label for="button_wait_bg">Фон кнопки "Под заказ"</label></td>
            <td><input name="button_wait_bg" class="color" id="button_wait_bg" value="#C3C3C3" /></td>
        </tr>     
      
       <tr>
         <th><label for="order_button_image">Использовать картинку в качестве фона кнопки "Под заказ"</label></th>
      <td>
        <select name="order_button_image" id="order_button_image">
          <option value="button_bg.png" selected>Не использовать</option>
          <option class="loaded" value="loaded_order_button_image.png">Загруженная картинка</option>
        </select>
      </td>  
      </tr>
      <tr>
          <th><label for="loaded_order_button_image">Загрузить</label></th>
          <td><input name="loaded_order_button_image.png" id="loaded_order_button_image" type="file" data-max-width="57" data-max-height="28" /></td>
      </tr>   
    </table>
</fieldset>




<fieldset>
    <legend>ТЕКСТ</legend>
    <table>
        <tr>
            <th><label for="regular_font">Шрифт</label></th>
            <td>
                <select name="regular_font" class="font" id="regular_font"><option value="Trebuchet MS, sans-serif" selected></option></select>
            </td>
        </tr>
        
        <tr>
            <td><label for="font_size">Размер шрифта</label></td>
            <td>
            <select name="font_size" id="font_size">
                <option value="12px" selected>small</option>
                <option value="14px">medium</option>
                <option value="16px">large</option>
            </select>
            </td>
        </tr>
        
                  <tr>
                    <td><label for="text_color">Цвет основного текста</label></td>
                    <td><input name="text_color" class="color" id="text_color" value="#797878" /></td>
                </tr>
                <tr>
                    <td><label for="text_color2">Контрастный цвет текста</label></td>
                    <td><input name="text_color2" class="color" id="text_color2" value="#FFFFFF" /></td>
                </tr>
                <tr>
                    <td><label for="text_color3">Контрастный цвет текста2</label></td>
                    <td><input name="text_color3" class="color" id="text_color3" value="#333333" /></td>
                </tr>
                <tr>
                    <th><label for="link_color">Цвет ссылок</label></th>
                    <td><input name="link_color" class="color" id="link_color" value="#669933" /></td>
                </tr>  
               <tr>
                    <th><label for="text_color4">Цвет доп. текста в оформлении заказа</label></th>
                    <td><input name="text_color4" class="color" id="text_color4" value="#999999" /></td>
                </tr>  
      
    </table>
  
  
</fieldset>
<fieldset>
 <legend>СЛАЙДЕР</legend>
  <table>
    <tr>
      <td colspan="2"><h3>Изображения на главной странице</h3></td>
    </tr>
    <tr>
      <td><label for="show_main_image_1">Показывать первое изображение?</label></td>
      <td><input name="show_main_image_1" id="show_main_image_1" value="1" type="checkbox" checked /></td>
    </tr>
    <tr>
      <td><label for="main_image_1_link">Ссылка с первого изображения</label></td>
      <td><input name="main_image_1_link" id="main_image_1_link" value="/collection/noutbuki/product/apple-macbook-air-11-mid-2012" /></td>
    </tr>
    <tr>
        <th><label for="loaded_main_image_1">Загрузить своё первое изображение</label></th>
        <td><input name="loaded_main_image_1.jpg" data-max-width="760" id="loaded_main_image_1" type="file" data-max-height="225" /></td>
    </tr>
    <tr>
      <td><label for="show_main_image_2">Показывать второе изображение?</label></td>
      <td><input name="show_main_image_2" id="show_main_image_2" value="1" type="checkbox" checked /></td>
    </tr>
    <tr>
      <td><label for="main_image_2_link">Ссылка со второго изображения</label></td>
      <td><input name="main_image_2_link" id="main_image_2_link" value="/product/asus-nexus-7-16gb" /></td>
    </tr>
    <tr>
        <th><label for="loaded_main_image_2">Загрузить своё второе изображение</label></th>
        <td><input name="loaded_main_image_2.jpg" data-max-width="760" id="loaded_main_image_2" type="file" data-max-height="225" /></td>
    </tr>
    <tr>
      <td><label for="show_main_image_3">Показывать третье изображение?</label></td>
      <td><input name="show_main_image_3" id="show_main_image_3" value="" type="checkbox" /></td>
    </tr>
    <tr>
      <td><label for="main_image_3_link">Ссылка с третьего изображения</label></td>
      <td><input name="main_image_3_link" id="main_image_3_link" value="" /></td>
    </tr>
    <tr>
        <th><label for="loaded_main_image_3">Загрузить своё третье изображение</label></th>
        <td><input name="loaded_main_image_3.jpg" data-max-width="760" id="loaded_main_image_3" type="file" data-max-height="225" /></td>
    </tr>
 <tr>
      <td><label for="show_main_image_4">Показывать четвертое изображение?</label></td>
      <td><input name="show_main_image_4" id="show_main_image_4" value="" type="checkbox" /></td>
    </tr>
    <tr>
      <td><label for="main_image_4_link">Ссылка с четвертого изображения</label></td>
      <td><input name="main_image_4_link" id="main_image_4_link" value="" /></td>
    </tr>
    <tr>
        <th><label for="loaded_main_image_4">Загрузить своё четвертое изображение</label></th>
        <td><input name="loaded_main_image_4.jpg" data-max-width="760" id="loaded_main_image_4" type="file" data-max-height="225" /></td>
    </tr>
 <tr>
      <td><label for="show_main_image_5">Показывать пятое изображение?</label></td>
      <td><input name="show_main_image_5" id="show_main_image_5" value="" type="checkbox" /></td>
    </tr>
    <tr>
      <td><label for="main_image_5_link">Ссылка с пятого изображения</label></td>
      <td><input name="main_image_5_link" id="main_image_5_link" value="" /></td>
    </tr>
    <tr>
        <th><label for="loaded_main_image_5">Загрузить своё пятое изображение</label></th>
        <td><input name="loaded_main_image_5.jpg" data-max-width="760" id="loaded_main_image_5" type="file" data-max-height="225" /></td>
    </tr>
    <tr>
      <td><label for="show_main_image_slider">Включить автоматическую смену изображений</label></td>
      <td><input name="show_main_image_slider" id="show_main_image_slider" value="1" type="checkbox" /></td>
    </tr>
    <tr>
        <th><label for="show_main_image_effect">Эффект</label></th>
        <td>
            <select name="show_main_image_effect" id="show_main_image_effect">
                <option value="scrollHorz">Scroll</option>
                <option value="fade" selected>Fade</option>
                <option value="wipe">Wipe</option>
            </select>
        </td>
    </tr>
    <tr>
      <td><label for="show_main_image_timeout">Время показа изображения (в милисекундах)</label></td>
      <td><input name="show_main_image_timeout" id="show_main_image_timeout" value="4000" /></td>
    </tr>

  </table>
</fieldset>


<fieldset>
 <legend>БАННЕР</legend>
  <table>
    <tr>
      <td colspan="2"><h3>Изображения на главной странице</h3></td>
    </tr>
    <tr>
      <td><label for="show_banner_1">Показывать первое изображение?</label></td>
      <td><input name="show_banner_1" id="show_banner_1" value="1" type="checkbox" checked /></td>
    </tr>
    <tr>
      <td><label for="main_banner_1_link">Ссылка с первого изображения</label></td>
      <td><input name="main_banner_1_link" id="main_banner_1_link" value="" /></td>
    </tr>
    <tr>
        <th><label for="loaded_banner_1">Загрузить своё первое изображение</label></th>
        <td><input name="loaded_banner_1.jpg" data-max-width="680" id="loaded_banner_1" type="file" data-max-height="495" /></td>
    </tr>
    <tr>
      <td><label for="show_banner_2">Показывать второе изображение?</label></td>
      <td><input name="show_banner_2" id="show_banner_2" value="1" type="checkbox" checked /></td>
    </tr>
    <tr>
      <td><label for="main_banner_2_link">Ссылка со второго изображения</label></td>
      <td><input name="main_banner_2_link" id="main_banner_2_link" value="" /></td>
    </tr>
    <tr>
        <th><label for="loaded_banner_2">Загрузить своё второе изображение</label></th>
        <td><input name="loaded_banner_2.jpg" data-max-width="264" id="loaded_banner_2" type="file" data-max-height="495" /></td>
    </tr>
  </table>
</fieldset>
